<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<style>
			@font-face {
				font-family: 'webfont';
				src: url('webfont.eot');
				/* IE9 */
				src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('webfont.woff') format('woff'), /* chrome、firefox */
				url('webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
				url('webfont.svg#webfont') format('svg');
				/* iOS 4.1- */
			}
			
			.web-font {
				font-family: "webfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		</style>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="email=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="renderer" content="webkit">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>[简历]吴慧晶-中山大学南方学院学生/广州</title>
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="css/typo.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/index.css">
		<script>
			function loading() {
				document.getElementsByClassName('avatar')[0].style.display = 'block';
				document.getElementsByClassName('loading')[0].style.display = 'none';
			}
		</script>

	</head>

	<body>

		<header class="header"></header>

		<article class="container">
			<section class="side" id="side">

				<!-- 左栏固定开关，记得及时删除这段代码 Start-->
				<label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
				<style>
					@media (min-width: 414px) {
						.switch {
							position: relative;
							display: inline-block!important;
							width: 60px;
							height: 34px;
						}
						.switch input {
							display: none;
						}
						.slider {
							position: absolute;
							cursor: pointer;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							background-color: #ccc;
							-webkit-transition: .4s;
							transition: .4s;
						}
						.slider:before {
							position: absolute;
							content: "";
							height: 26px;
							width: 26px;
							left: 4px;
							bottom: 4px;
							background-color: white;
							-webkit-transition: .4s;
							transition: .4s;
						}
						input:checked+.slider {
							background-color: #1abc9c;
						}
						input:focus+.slider {
							box-shadow: 0 0 1px #1abc9c;
						}
						input:checked+.slider:before {
							-webkit-transform: translateX(26px);
							-ms-transform: translateX(26px);
							transform: translateX(26px);
						}
						.slider.round {
							border-radius: 34px;
						}
						.slider.round:before {
							border-radius: 50%;
						}
					}
				</style>
				<!-- 左侧固定开关，记得及时删除这段代码 End-->

				<!-- 个人肖像 -->
				<section class="me">
					<section class="portrait">
						<div class="loading">
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
						</div>

						<!-- 头像照片 -->
						<img class="avatar" src="img/avatar.jpg" onload="loading()">
					</section>

					<i class="web-font">吴慧晶</i>
					</br>
					<i class="web-font">中山大学南方学院学生/广州</i>
					</br>
					<audio src="music/bgm.mp3" controls="smallconsole" loop="false" width="300px" heght="25px" autoplay="false"></audio>

				</section>

				<!-- 基本信息 -->
				<section class="profile info-unit">
					<h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
					<hr/>
					<ul>
						<li>
							<label>个人信息</label>
							<span>吴慧晶 / 女 / 20岁</span>
						</li>
						<li>
							<label>英语水平</label>
							<span>CET-4</span>
						</li>
					</ul>
				</section>

				<!-- 联系方式 -->
				<section class="contact info-unit">
					<h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
					<hr/>
					<ul>
						<li>
							<label>手机</label>
							<a href="tel:15168285219" target="_blank">189-3420-5990</a>
						</li>
						<li>
							<label>邮箱</label>
							<a href="mailto:ze.zh@hotmail.com" target="_blank">1819456987@qq.com</a>
						</li>
						<li>
							<label>个人主页</label>
							<a href="http://0b11111110.com/" target="_blank">0b11111110.com/</a>
						</li>
						<li>
							<label>Gitee</label>
							<a href="https://gitee.com/wuhuijing" target="_blank">gitee.com/wuhuijing</a>
						</li>
                        <li>
							<label>个人网站</label>
							<a href="https://wuhuijing.xyz" target="_blank">wuhuijing.xyz</a>
						</li>
					</ul>
				</section>

				<!-- 技能点 -->
				<section class="skill info-unit">
					<h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
					<hr/>
					<ul>
						<li>
							<label>HTML</label>
							<progress value="60" max="100"></progress>
						</li>
						<li>
							<label>CSS</label>
							<progress value="60" max="100"></progress>
						</li>
						<li>
							<label>小程序</label>
							<progress value="60" max="100"></progress>
						</li>
                        <li>
							<label>界面设计</label>
							<progress value="70" max="100"></progress>
						</li>
                        <li>
							<label>前端开发</label>
							<progress value="70" max="100"></progress>
						</li>
                        <li>
							<label>网站运营</label>
							<progress value="60" max="100"></progress>
						</li>
					</ul>
				</section>

				<section class="qrcode info-unit">
					<h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
					<hr/>
					<img src="img/mark.jpg" style="width: 100%;" alt="">
				</section>

				<!-- 技术栈 -->
				<!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
			</section>

			<section class="main">

				<!-- 教育经历 -->
				<section class="edu info-unit">
					<h2>
                    <i class="" aria-hidden="true"></i>教育经历</h2>
					<hr/>
					<ul>
						<li>
							<h3>
                            <span>中山大学南方学院 - 网络与新媒体专业（本科）</span>
                            <time>2018.9-2022.7</time>
                        </h3>
							<p>学习技能
								<mark></mark>，学习了网页设计与制作，信息可视化设计，大数据，线上调查与统计，网路新媒体技术与协作，网络文案与创意写作，python语言，前端开发框架，H5，产品经理能力培养，API、机器学习与人工智能等课程。在校期间担任文传团学综合媒体部干事，并担任文传团学综合媒体部摄制组组长。加入文传学院的风雅合唱团。</p>
						</li>
					</ul>
				</section>

				<!-- 项目经验 -->
                <section class="edu info-unit">
					<h2>
                    <i class="" aria-hidden="true">项目经验</h2>
					<hr/>
					<p><a href="https://wuhuijing.gitee.io/" target="_blank">jekyll项目</a>
                    <span class="mark-txt"><a href="https://gitee.com/KYXTWX/UI-design/blob/master/final_project.md" target="_blank">用户视觉与界面设计课程小组项目</a><a href="https://github.com/Wuhuijing/H5_final_project" target="_blank">H5期末项目</a></i></p>
				</section>
                <section>
                    <h2>自我评价/期望</h2>
                    </hr>
                    <p>有点小拖延症，但做事绝对认真。低调内敛有文化。“多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
                </section>
            </section>
		</article>
        
    <footer class="footer">
			<p>© 2020 吴慧晶.文档最后更新时间为
				<time>2020年07月6日</time>.</p>
	</footer>

		<!-- 侧栏 -->
		<aside>
			<ul>
				<li>
					<a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
				</li>
				<li>
					<a href="http://if2er.com/" target="_blank">Blog</a>
				</li>
			</ul>
		</aside>

		<script src="./assets/js/index.js"></script>
	</body>

</html>